<template>
  <div class="app-container home">
    <div class="home-content" :class="showState != '!' ? '' : 'color'">
      <img :src="imgSrc" alt="图片加载失败" v-if="showState != '!'" />
      <h3 :class="showState != '!' ? '' : 'color'">欢迎使用</h3>
      <p>请选择具体栏目，进行操作</p>
    </div>
  </div>
</template>

<script>
import home from '@/assets/images/home.png'
export default {
  data() {
    return {
      imgSrc: home,
      showState: ''
    }
  },
  created() {
    this.showState = sessionStorage.getItem('showState')
  },
}
</script>

<style scoped lang="scss">
.home-content {
  width: 400px;
  margin: 0 auto;
  padding-top: 140px;
  text-align: center;
  img {
    width: 400px;
    height: 266px;
  }
  h3 {
    margin-top: 40px;
    font-size: 20px;
    color: #971111;
  }
  p {
    font-size: 16px;
    margin-top: 20px;
  }
}
.transparent {
  background: transparent !important;
}
.color {
  color: #fff !important;
}
</style>